@import "variables";
@import "mixins";

* {
  box-sizing: border-box;
}

body, html {
  height: 100%;
}

ul {
  margin: 0;
  padding: 0;
  li {

    list-style: none;

  }

}

::-webkit-input-placeholder {
  color: @gray;
}

::-moz-placeholder {
  color: @gray;
}

:-ms-input-placeholder {
  color: @gray;
}

.text-center {

  text-align: center;

}
.fb {
  font-weight: bold;
}
a {
  text-decoration: none;
  &:hover, &:focus, &:active {
    text-decoration: none;
  }
}

label {
  font-weight: normal;
}
.mb10 {
  margin-bottom: 10px;
}
#app {
  height: 100%;
  font-size: 14px;
}

.page-wrap {
  height: 100%;
  min-width: 1260px;
  padding: 80px 0 0 230px;
}

#content {
  position: relative;
  min-height: 100%;
  background: @white;
  padding: 20px;
  min-width: 1030px;
}

.clearfix {
  .clearfix();
}

.fontsize(29);

.btn {
  display: inline-block;
  padding: 6px 15px;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  color: @white;
  text-decoration: none;
  &:hover, &:focus, &:active {
    color: @white;
  }
}

.btn-blue {
  background-color: @defaultBlue;
}

.btn-red {
  background-color: @red;
}

.f-input {
  height: 36px;
  width: 160px;
  padding: 5px;
  line-height: 26px;
  border: 1px solid @inputBorderColor;
  cursor: text;
}

.blue-fontIcon {
  color: @defaultBlue;
  .iconfont {
    font-size: 20px;
  }
  &:hover, &:focus, &:active {
    color: @defaultBlue
  }
}

.red-fontIcon {
  color: @red;
  .iconfont {
    font-size: 20px;
  }
  &:hover, &:focus, &:active {
    color: @red
  }
}
.gray-fontIcon {
  color: #c4c4c4;
  .iconfont {
    font-size: 20px;
  }
  &:hover, &:focus, &:active {
    color: #c4c4c4
  }
}

.blueColor {
  color: @defaultBlue;
  &:hover, &:focus, &:active {
    color: @defaultBlue
  }
}

.redColor {
  color: @red;
  &:hover, &:focus, &:active {
    color: @red
  }
}
.yellowColor {
  color:@yellow;
  &:hover, &:focus, &:active {
    color: @yellow;
  }
}
.w705 {
  width: 705px;
}
/*加载*/
.ui-loading {
  background-color: rgba(0,0,0,0);
  .el-loading-spinner {
      .path {
        stroke: @white;
      }
      .el-loading-text {
        color:@white;
      }

  }
  &.is-fullscreen {
    .el-loading-spinner {
      margin-top: -25px;
      width: 200px;
      background-color: rgba(0,0,0,0.8);
      left: 50%;
      padding: 15px 0;
      margin-left: -100px;
      border-radius: 3px;
    }
  }
}
.upload-area{
    .el-upload__input {
      display: none;
    }
}
.action-list{
  margin-bottom:10px;
  .clearfix();
  li{
    float: left;
    margin-right: 20px;
  }
}
/*模态框*/
.modal-content {

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;;

  .modal-header {
    background-color: #2b3643;
    padding: 10px 15px;
    color: @white;
    position: relative;
    .modal-title {
      font-size: 16px;
    }

  }
  .close-modal {
    position: absolute;
    display: inline-block;
    width: 20px;
    right: 10px;
    top: 10px;
    text-align: center;
    color: @white;
    &:hover {
      text-decoration: none;
    }
  }
}
/*switch开关*/
.el-switch--wide .el-switch__label.el-switch__label--right span {
   right: 6px;
}
.el-switch__label * {
  top: 5px;
  font-size: 12px;
}
.el-tree-node {
  .el-checkbox__original {
    vertical-align: middle;
  }
  .el-tree-node__children {
    width: 100%;
  }
}
.text-danger {
  color:#ff4949;
}

